<template>
  <div>
    <el-dialog
      id="pricesDialog1"
      title="报价单详情（维修）"
      :visible.sync="dialogshow"
      :before-close="dialogClose"
      style="display: none"
      top="10vh"
      width="90%"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <el-tabs
        class="tabs-table customer-tabs"
        type="border-card"
        v-model="activeName"
        style=""
      >
        <el-tab-pane label="报价详情">
          <el-row>
            <el-col :span="4"
              ><div class="span-lable">报价单号:</div>
              <div class="span-info">1231</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">客户名称:</div>
              <div class="span-info">
                <el-link type="primary" @click="handleButtons(11)"
                  >某公司</el-link
                >
              </div></el-col
            >
            <el-col :span="4">
              <div class="span-lable">业务联系人:</div>
              <div class="span-info">
                <el-link type="primary" @click="handleButtons(10)"
                  >吴先生</el-link
                >
              </div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">维修原因:</div>
              <div class="span-info">客户原因</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">本公司产品:</div>
              <div class="span-info">是</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">款号:</div>
              <div class="span-info">
                <el-link type="primary" @click="handleButtons(12)"
                  >Eadt</el-link
                >
              </div></el-col
            >
          </el-row>

          <el-row>
            <el-col :span="4"
              ><div class="span-lable">物品名称:</div>
              <div class="span-info">豪华婚戒</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">物品品类:</div>
              <div class="span-info">戒指</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">规格尺寸/手寸:</div>
              <div class="span-info">48</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">数量:</div>
              <div class="span-info">1对</div></el-col
            >
            <el-col :span="4">
              <div class="span-lable">声明价值:</div>
              <div class="span-info">100000元</div></el-col
            >
            <el-col :span="4">
              <div class="span-lable">维修记录:</div>
              <div class="span-info">--</div></el-col
            >
          </el-row>
          <el-row>
            <el-col :span="4"
              ><div class="span-lable">审核状态:</div>
              <div class="span-info">未通过</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">审核人:</div>
              <div class="span-info">某员工</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">审核时间:</div>
              <div class="span-info">2020-10-10 08:00:55</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">创建人:</div>
              <div class="span-info">某某某</div></el-col
            >
            <el-col :span="4"
              ><div class="span-lable">创建时间:</div>
              <div class="span-info">2020-10-10 08:00:55</div></el-col
            >
          </el-row>
          <el-row>
            <el-col :span="24"
              ><div class="span-lable">备注:</div>
              <div class="span-info">
                备注详情备注详情备注详情备注详情
              </div></el-col
            >
          </el-row>
          <el-divider></el-divider>
          <el-row>
            <!-- <el-col :span="4"
                  ><div class="td-lable">主图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 100px; max-width: 100px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
                  </el-col
                > -->
            <el-col :span="21"
              ><div class="span-lable">维修内容:</div>
              <div class="span-info">
                <el-tag>抛光</el-tag
                >&nbsp;&nbsp;<el-tag>清洗</el-tag>&nbsp;&nbsp;<el-tag
                  >换主石</el-tag
                >
              </div>
            </el-col>
            <el-col :span="3"
              ><div class="span-lable">总费用:</div>
              <div class="span-info">100000元</div></el-col
            >
          </el-row>

          <el-divider></el-divider>
          <div @click="showTableAll = !showTableAll"  style="cursor:pointer;color:#409EFF;">
          <el-row>
            
              <el-col :span="21">
                <el-row>
                  <el-col :span="4"
                    ><div class="span-lable">主石:</div>
                    <div class="span-info">1000元</div></el-col
                  >
                  <el-col :span="4"
                    ><div class="span-lable">副石:</div>
                    <div class="span-info">1000元</div></el-col
                  >
                  <el-col :span="4"
                    ><div class="span-lable">金属:</div>
                    <div class="span-info">1000元</div></el-col
                  >
                  <el-col :span="4"
                    ><div class="span-lable">配件:</div>
                    <div class="span-info">1000元</div></el-col
                  >
                  <!-- <el-col :span="4"
                  ><el-button type="text" icon="el-icon-view">查看</el-button></el-col
                > -->
                </el-row></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">小计:</div>
                <div class="span-info">10000元</div></el-col
              >
            
          </el-row></div>
          <div v-if="showTableAll">

                <el-table
                  ref="multipleTable"
                  stripe
                  :data="tableDataZs"
                  :show-summary="true"
                  border
                  row-class-name="tableRow"
                  header-row-class-name="tableHeader"
                  :highlight-current-row="true"
                  style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                    prop="id"
                    label="序号"
                    width="50"
                  ></el-table-column>
                  <el-table-column
                    prop="name"
                    label="主石"
                    sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column prop="smjz" label="声明价值">
                  </el-table-column>
                  <el-table-column prop="xz" label="形状"> </el-table-column>

                  <el-table-column
                    prop="ys"
                    label="色泽/颜色"
                  ></el-table-column>
                  <el-table-column
                    prop="jd"
                    label="净度"
                    width="50"
                  ></el-table-column>

                  <el-table-column prop="qg" label="切工"></el-table-column>
                  <el-table-column
                    prop="number"
                    label="数量"
                    width="50"
                  ></el-table-column>
                  <el-table-column
                    prop="ct"
                    label="CT（克拉重）"
                  ></el-table-column>

                  <el-table-column
                    prop="zsdj"
                    label="主石单价"
                  ></el-table-column>
                  <el-table-column
                    prop="zszj"
                    label="主石总价"
                  ></el-table-column>
                  <el-table-column prop="xsfdj" label="镶石费单价">
                  </el-table-column>
                  <el-table-column prop="xsfzj" label="镶石费总价">
                  </el-table-column>

                  <el-table-column
                    prop="price_sum"
                    label="总价"
                  ></el-table-column>
                </el-table>

                <el-table
                  ref="multipleTable"
                  stripe
                  :data="tableDataFs"
                  :show-summary="true"
                  border
                  row-class-name="tableRow"
                  header-row-class-name="tableHeader"
                  :highlight-current-row="true"
                  @row-dblclick="dialogClose"
                  style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                    prop="id"
                    label="序号"
                    width="50"
                  ></el-table-column>
                  <el-table-column
                    prop="name"
                    label="副石"
                    sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column prop="xz" label="形状"> </el-table-column>

                  <el-table-column
                    prop="ys"
                    label="色泽/颜色"
                  ></el-table-column>
                  <el-table-column
                    prop="jd"
                    label="净度"
                    width="80"
                  ></el-table-column>

                  <el-table-column prop="qg" label="切工"></el-table-column>
                  <el-table-column
                    prop="number"
                    label="数量"
                    width="50"
                  ></el-table-column>
                  <el-table-column
                    prop="ct"
                    label="CT（克拉重）"
                  ></el-table-column>

                  <el-table-column
                    prop="zsdj"
                    label="副石单价"
                  ></el-table-column>
                  <el-table-column
                    prop="zszj"
                    label="副石总价"
                  ></el-table-column>
                  <el-table-column prop="psf" label="配石费"> </el-table-column>
                  <el-table-column prop="xsfdj" label="镶石费单价">
                  </el-table-column>
                  <el-table-column prop="xsfzj" label="镶石费总价">
                  </el-table-column>

                  <el-table-column
                    prop="price_sum"
                    label="总价"
                  ></el-table-column>
                </el-table>
                <el-table
                  ref="multipleTable"
                  stripe
                  :data="tableDataJs"
                  :show-summary="true"
                  border
                  row-class-name="tableRow"
                  header-row-class-name="tableHeader"
                  :highlight-current-row="true"
                  @row-dblclick="dialogClose"
                  style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                    prop="id"
                    label="序号"
                    width="50"
                  ></el-table-column>
                  <el-table-column
                    prop="name"
                    label="金属"
                    sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column
                    prop="ssjj"
                    label="实时金价（克）"
                  ></el-table-column>
                  <el-table-column prop="cs" label="成色"></el-table-column>
                  <el-table-column prop="dw" label="单位"></el-table-column>
                  <el-table-column
                    prop="ys"
                    label="色泽/颜色"
                  ></el-table-column>

                  <el-table-column
                    prop="jjz"
                    label="净金重（克）"
                  ></el-table-column>
                  <el-table-column prop="shl" label="损耗率%"></el-table-column>
                  <el-table-column
                    prop="lhz"
                    label="连耗重（克）"
                  ></el-table-column>
                  <el-table-column
                    prop="gjszj"
                    label="金属总价"
                  ></el-table-column>

                  <el-table-column
                    prop="price_sum"
                    label="总价"
                  ></el-table-column>
                </el-table>
                <el-table
                  ref="multipleTable"
                  stripe
                  :data="tableDataPj"
                  :show-summary="true"
                  border
                  row-class-name="tableRow"
                  header-row-class-name="tableHeader"
                  :highlight-current-row="true"
                  @row-dblclick="dialogClose"
                  style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                    prop="id"
                    label="序号"
                    width="50"
                  ></el-table-column>
                  <el-table-column
                    prop="name"
                    label="配件"
                    sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column
                    prop="namegjs"
                    label="材质"
                    sortable
                  ></el-table-column>
                  <el-table-column
                    prop="jjfs"
                    label="计价方式"
                  ></el-table-column>
                  <el-table-column prop="cs" label="成色%"></el-table-column>
                  <el-table-column prop="ys" label="颜色"></el-table-column>

                  <el-table-column
                    prop="ggcc"
                    label="规格尺寸"
                  ></el-table-column>
                  <el-table-column prop="number" label="数量"></el-table-column>
                  <el-table-column
                    prop="hz"
                    label="货重（克/件）"
                  ></el-table-column>
                  <el-table-column
                    prop="zhz"
                    label="总货重（克）"
                  ></el-table-column>
                  <el-table-column
                    prop="pjdj"
                    label="配件单价（克/件）"
                  ></el-table-column>
                  <el-table-column
                    prop="pjzj"
                    label="配件总价"
                  ></el-table-column>
                  <el-table-column
                    prop="gfdj"
                    label="工费单价（克/件）"
                  ></el-table-column>
                  <el-table-column
                    prop="gfzj"
                    label="工费总价"
                  ></el-table-column>
                  <el-table-column
                    prop="price_sum"
                    label="总价"
                  ></el-table-column>
                </el-table> 
          </div>
          <el-divider></el-divider>

          <el-row>
            <el-col :span="21">
              <el-row>
                <el-col :span="4"
                  ><div class="span-lable">维修工费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">加急费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">风险费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">证书费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">包装盒费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">物流费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">其它费用:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">税率:</div>
                  <div class="span-info">0.6%</div></el-col
                >
                <!-- <el-col :span="3"
              ><div class="span-lable">是否含税:</div>
              <div class="span-info">是</div
            ></el-col> -->
                <el-col :span="4"
                  ><div class="span-lable">税费:</div>
                  <div class="span-info">1000元</div></el-col
                >
              </el-row></el-col
            >
            <el-col :span="3"
              ><div class="span-lable">小计:</div>
              <div class="span-info">10000元</div></el-col
            >
          </el-row>
        </el-tab-pane>
        <el-tab-pane label="图片/附件">
          <table style="width: 100%">
            <tr>
              <td>
                <div class="td-lable">手绘图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">电绘图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">成品图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg" /></a
                  ><a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">字印图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">其它附件:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
          </table>
        </el-tab-pane>
        <!-- <el-tab-pane label="跟进记录8">
            <genjin-jilu></genjin-jilu>
        </el-tab-pane> -->
        <el-tab-pane label="操作记录11">
          <edit-log></edit-log>
        </el-tab-pane>
      </el-tabs>
      <div slot="footer" class="dialog-footer">
        <el-dropdown style="float: left; margin-left: 15px">
          <el-button>
            关联数据<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>设计图</el-dropdown-item>
            <el-dropdown-item>客来石</el-dropdown-item>
            <el-dropdown-item>客来金</el-dropdown-item>
            <el-dropdown-item>其它...</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
        <el-button type="primary" @click="dialogAdd">转为订单</el-button>
        <el-button @click="dialogClose">取 消</el-button>
        <el-button type="primary" @click="handleButtons(2)">编辑</el-button>
        <el-button type="primary" @click="dialogAdd">提交审核</el-button>
      </div>
    </el-dialog>
    <baojia-repair-edit
      v-bind:dialogshow="dialogBaojiarepairEdit"
      @dialog_close="dialog_close_baojiaedit"
    ></baojia-repair-edit>

    <genjin-add
      v-bind:dialogshow="dialogGenjinAdd"
      @dialog_close="dialog_close_genjin_add"
    ></genjin-add>
    <dialog-customer-info
      v-bind:dialogshow="dialogCustomerInfo"
      @dialog_close="dialog_close_customer_info"
    ></dialog-customer-info>
    <dialog-product-Info
      v-bind:dialogshow="dialogProductInfo"
      @dialog_close="dialogProductInfo = !dialogProductInfo"
    ></dialog-product-Info>
  </div>
</template>

<style scoped>
.span-lable,
.span-info {
  display: inline-table;
  vertical-align: -webkit-baseline-middle;
}

.span-lable {
  text-align: right;
  width: 100px;
}

.span-info {
  margin-left: 10px;
}

.td-lable,
.td-info {
  display: inline-table;
  vertical-align: -webkit-baseline-middle;
}

.td-lable {
  text-align: right;
  width: 100px;
}

.td-info {
  margin-left: 20px;
}
.tabs-table td {
  height: 50px;
  border-bottom: 1px solid #dcdfe6;
}
.customer-tabs .el-tab-pane {
  height: 500px;
  overflow: auto;
  padding: 20px;
}

#pricesManages .el-form-item {
  width: 200px !important;
  float: left;
  margin-bottom: 5px;
}
#customerDialog .el-form-item {
  width: 45%;
  float: left;
  margin-bottom: 5px;
}

#customerDialog .el-form-item:nth-child(odd) {
  float: right;
}

.el-dialog__body,
.el-form {
  overflow: hidden;
}

#pricesManages .el-form {
  border: 0 solid #fff !important;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*#customerDialog .el-dialog__footer {*/
/*    width: 45%;*/
/*    clear: both;*/
/*}*/

.td-lable,
.td-info {
  display: inline-table;
  vertical-align: -webkit-baseline-middle;
}

.td-lable {
  text-align: right;
  width: 100px;
}

.td-info {
  margin-left: 20px;
}

ul {
  list-style-type: none;
}

ul span {
  display: inline-table;
  min-width: 200px;
}

.tabs-table td {
  height: 50px;
  border-bottom: 1px solid #dcdfe6;
}
.customer-tabs .el-tab-pane {
  height: 500px;
  overflow: auto;
  padding: 20px;
}
</style>

<script>
module.exports = {
  methods: {
    dialogAdd() {
      this.$confirm("是否继续操作?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    dialogClose() {
      this.$emit("dialog_close", 1);
    },
    clickfullscreen() {
      this.fullscreen = !this.fullscreen;
    },
    //操作记录
    dialog_close_caozuojilu_list(val) {
      console.log(val);
      this.dialogCaozuojiluList = false;
    },
    dialog_close_baojiaedit(val) {
      console.log(val);
      this.dialogBaojiarepairEdit = false;
    },
    //跟进
    dialog_close_genjin_add(val) {
      console.log(val);
      this.dialogGenjinAdd = false;
    },
            dialog_close_customer_info(val){
      console.log(val);
      this.dialogCustomerInfo = false;
    },
    handleButtons(val) {
      console.log(2222);
      switch (val) {
        case 1:
          this.dialogSendMessage = "true";
          console.log(this.dialogSendMessage);
          break;
        case 2: //编辑
          console.log(333);
          this.dialogBaojiarepairEdit = "true";
          console.log(this.dialogBaojiarepairEdit);
          break;
        case 10: //跟进
          console.log(333);
          this.dialogGenjinAdd = "true";
          console.log(this.dialogGenjinAdd);
          break;
        case 11:
          console.log(333);
          this.dialogCustomerInfo = "true";
          console.log(this.dialogCustomerInfo);
          break;
        case 12:
          this.dialogProductInfo = "true";
          console.log(this.dialogProductInfo);
          break;
      }
    },
    addData() {
      this.tableDatas.push({
        edit: true,
      });
    },
    //确认添加
    confirmAdd(row) {
      row.edit = false;
    },
    //修改
    editData(row) {
      row.edit = true;
    },
    //删除
    deleteData(row, index) {
      this.tableDatas.splice(index, 1);
    },
  },
  props: ["dialogshow"],
  data() {
    return {
      showTableAll:false,
      fullscreen: false,
      activeName: "",
      dialogSendMessage: false,
      dialogCustomerInfo: false,
      dialogGenjinAdd: false,
      dialogBaojiarepairEdit: false,
      dialogProductInfo:false,
      // dialogshow:false,
      dialogCaozuojiluList: false,
      Sendmssages: {
        address: "",
        customercate: "",
        cate: "",
        nickname: "",
        creditrank: "",
        name: "",
      },

      tableDatas: [],

      customerstaffs: [
        { typename: "员工一" },
        { typename: "员工二" },
        { typename: "员工三" },
        { typename: "员工四" },
      ],
      changeReason: [
        { typename: "原因一" },
        { typename: "原因二" },
        { typename: "原因三" },
        { typename: "原因四" },
      ],
      pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            },
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            },
          },
        ],
      },
      customer: {
        name: "",
        customercode: "",
        customerstatus: "",
        customercate: "",
        creditrank: "",
        creditline: "",
        capital: "",
        annualsales: "",
        bank: "",
        certificateno: "",
        address: "",
        area: "",
        brand: "",
        bankaccount: "",
        trademark: "",
        website: "",
        lperson: "",
        lphone: "",
        contacts: "",

        phone: "",
        phonenum: "",
        weixin: "",
        email: "",
        fax: "",
        resource: "",
        requirement: "",
        ordercountmonth: "",
        purchaseamountmonth: "",
        ordercountyear: "",
        purchaseamountyear: "",
        customerstaffname: "",
        customerstaffcode: "",
        operator: "",
        insertime: "",
        remark: "",
      },
tableDataZs: [
        {
          id: "1",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "否",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "钻石",
          smjz: "40000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "圆形",
          qg: "一般",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "钻石",
          smjz: "50000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "4",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataFs: [
        {
          id: "1",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "否",
          psf: "120",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "红宝石",
          smjz: "40000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "5.005",
          xz: "圆形",
          qg: "一般",
          kfgh: "是",
          psf: "120",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "钻石",
          smjz: "50000",
          number: "2",
          ys: "D",
          jd: "FL",
          ct: "1",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          psf: "130",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "4",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          psf: "150",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataJs: [
        {
          id: "1",
          name: "黄金",
          kfgh: "否",
          cs: "99%",
          ys: "黄",
          jjz: "121",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataPj: [
        {
          id: "1",
          name: "配件1",
          namegjs: "黄金",
          kfgh: "否",
          cs: "99%",
          ys: "黄",
          jjz: "1231",
          gfdj: "234",
          gfzj: "444",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "配件2",
          namegjs: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "配件3",
          namegjs: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
      ],
      
    };
  },
  components: {
    "baojia-repair-edit": "url:./baojia-repair-edit.vue",
    "dialog-tools": "url:../tools/dialog-tools.vue",
    "genjin-jilu": "url:../data/genjin-jilu.vue",
    "edit-log": "url:../data/edit-log.vue",
    "genjin-add": "url:./genjin-add.vue",
    "caozuojilu-list": "url:./caozuojilu-list.vue",
    "dialog-customer-info": "url:./customer-info.vue",
    "dialog-product-info": "url:./product-info.vue",
  },
};
</script>
